<script>
import Vue from "vue";
export default {
  data() {
    return {
      popperVM: null,
    };
  },
  beforeCreate() {},
  render(h) {
    console.log(this, "render");
    return h("p", {}, "111111111");
  },
  mounted() {
    this.popperVM = new Vue({
      data: {
        node: "",
      },
      render(h) {
        return this.node;
      },
    }).$mount();
    // jsx语法
    this.popperVM.node = (
      <transition>
        <div ref="popper" role="tooltip" class={["el-tooltip__popper" ,'is-dark']}>
          sadkajk1jhkjasshkjdjk
        </div>
      </transition>
    );
    console.log(this.popperVM);
    document.body.appendChild(this.popperVM.$el);
  },
};
</script>
